<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/common/mytags.jsp"%>
<html>
<head>

<%@ include file="/common/easyui.jsp"%>
<script type="text/javascript">
	$(document).ready(function() {
		$(this).ajaxStart(function() {
			$('#saveButton').linkbutton('disable');
		});
		
		$(this).ajaxStop(function() {
			$('#saveButton').linkbutton('enable');
		});
				
		loadList();
		$('#queryDeptName').focus();
	});

	function doAdd() {
		$('#win').dialog({
			title:'新增数据库',
			//是否显示折叠按钮
			collapsible:false,
			width:700,
			height:450,
			modal:true ,
			content:'<iframe name=\"first\" scrolling=\"auto\" frameborder=\"0\" src=\"${ctx}/adminManage/auto/autoDb/add.do\" style=\"width:100%\;height:100%\;\"></iframe>'
		}); 
	}

	function doUpdate(id) {
		var row = $('#dataTable').datagrid('getSelected');
		if (row){
			$('#win').dialog({
				title:'修改数据库',
				//是否显示折叠按钮
				collapsible:false,
				width:700,
				height:450,
				modal:true ,
				content:'<iframe name=\"first\" scrolling=\"auto\" frameborder=\"0\" src=\"${ctx}/adminManage/auto/autoDb/update.do?id='+row.id+'\" style=\"width:100%\;height:100%\;\"></iframe>'
			});
		}else{
			$.messager.alert('提示','请选择要修改的行！');
		}
	}
	
	function doDelete() {
		var row = $('#dataTable').datagrid('getSelected');
		if (row){
			$.messager.confirm('确认',"您确定要删除记录吗？",function(r){
				if(r){
					$.getJSON("${ctx}/adminManage/auto/autoDb/deleteForAjax.do",{
						id:row.id
					},function(json) {
						if(json.result==true){
							$.messager.alert('提示','删除成功！');
							$('#dataTable').datagrid('reload');    
						} else {
							$.messager.alert('提示','删除失败！');
						}
					});
				}
			});
		}else{
			$.messager.alert('提示','请选择要删除的行！');
		}
	}
	
	function loadList() {
		$('#dataTable').datagrid({
			title : '数据库',
			//在从远程站点加载数据的时候显示提示消息
			loadMsg:'数据正在加载中...',
			//指明哪一个字段是标识字段
			idField : 'id',
			//一个URL从远程站点请求数据
			url : '${ctx}/adminManage/auto/autoDb/listForAjax.do',
			//DataGrid列配置对象
			columns : [[
						 {field : 'id',title : '数据库编号',hidden:true},
						 {field : 'dbName',title : '数据库名'},
						 {field : 'dbType',title : '类型'},
						 {field : 'dbUrl',title : '地址'},
						 {field : 'dbAccount',title : '账号'},
						 {field : 'dbPwd',title : '密码'}
						 /*,{field : 'oper',title : '操作',formatter: function(value,row,index){
								return '<a onClick="doUpdate('+row.id+')">修改</a>&nbsp;<a onclick="doDelete('+row.id+')">删除</a>';
							}}*/
						]],
			//如果为true，则在DataGrid控件底部显示分页工具栏
			pagination : false,
			//功能
			toolbar: '#tb',
			//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
			//默认为false，如果字段过多的话，需要设置为TRUE才可显示出滚动条
			fitColumns : true,
			//是否显示斑马线效果
			striped : true,
			//如果为true，则在同一行中显示数据。设置为true可以提高加载性能
			nowrap : true,
			//如果为true，则只允许选择一行
			singleSelect : true,
			//如果为true，则显示一个行号列
			rownumbers : true
		});
	}
</script>

</head>

<body class="easyui-layout">
<div region="center" border="false">
	<table id="dataTable" style="width:100%;height:100%"></table>
	<div id="editDiv" style="padding: 5px; display: none"></div>
	<!-- 查询条件和管理按钮 -->
	<div id="tb" style="padding:5px;height:auto"> 
		<div style="margin-left: 15px;margin-top: 5px">    
			数据库名: <input id="dbId" name="dbId" style="width:250px" />
			<a class="easyui-linkbutton" plain="true" iconCls="icon-search" onclick="doQuery()">查询</a>
	    </div>
	    <div style="margin-bottom:5px">
	        <a class="easyui-linkbutton" plain="true" iconCls="icon-add" onclick="doAdd()">新增</a>    
	        <a class="easyui-linkbutton" plain="true" iconCls="icon-edit" onclick="doUpdate()">修改</a>    
	        <a class="easyui-linkbutton" plain="true" iconCls="icon-remove" onclick="doDelete()">删除</a>    
	    </div>    
	</div> 
</div>
<div id="win"></div>
</body>
</html>